﻿body{color:#4d4d4d; background:#f0fafc}
html{height:100%; overflow-x:hidden}
body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;list-style:none}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
legend{color:#000}
a:link, a:visited{text-decoration: none; color:#3c8dbc; outline: none; font-size:13px}
a:hover, a:active{text-decoration: underline;}
input{outline:none; color: #565656;}
textarea{color: #565656;}
img{display: inline-block;}
.mt-10{margin-top:10px}
.mt-20{margin-top:20px}
.cb{clear:both}

.btn-ok,.btn-cancel, a.btn, a.btn-ok, a.btn-cancel, a.btn-create{display:inline-block; font-size:1em; height:30px; line-height:30px; padding:0 20px;text-decoration:none; border-radius:3px;}
.btn-cancel,.btn-ok{float:left;  border:0; cursor:pointer;-webkit-appearance: none;}
.btn-ok{background: #076482; color:#fff; font-size:13px}
.btn-ok:hover{background:#417797;}
.btn-cancel{background: #ddd; color: #999; margin-right:10px}
a.btn-ok{background: #D84A38; color:#fff}
a.btn-ok:hover{background:#3c8dbc}
a.btn, a.btn-cancel{ border:1px solid #d4d4d4; background: #fcfcfc;}
a.btn-create, .page-bar .page-create a{background:#fcfcfc; border:1px solid #ccc; text-decoration:none;}
.btn-cancel:hover,a.btn:hover,a.btn-cancel:hover,a.btn-create:hover{background:#daf5fe; color:#076482}

.icon-home{display: inline-block;width: 20px;height: 20px;margin-top: 1px;line-height: 20px;vertical-align: text-top;background: url(img/icons.png) 0 -22px}
.icon-right{display: inline-block;background: url(img/icons.png) 458px -74px; width:14px; height:14px}
#header{position:relative; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:100%; margin:10px 20px 20px 20px; border:0px solid #f00; background:#fefefe;}
.hd-outside{width:100%; min-width: 1200px; height:50px; line-height:50px; margin-bottom:20px; color:#3c3c3c; background-color:#076482; border-bottom:1px solid #d2d2d2}
.hd-outside a:hover{color:#B1E570}
.logo{ position:relative; left:20px; width:300px; color:#8c8c8c}
.logo span{font-size: 13px; margin-bottom: 4px; position: absolute; top: 8px; left: 98px;}
.logout{position: absolute; width:250px; top: 8px; right: 20px; text-align:right; color:#fff }
.logout a{color:#fff}

#content{}
#aside{float:left; width:160px; height:100%; margin-left: -100%;}
#aside .widget{border-radius:5px; background-color: #daf5fe;}
#aside .widget h3{background:#cdf0fb; text-indent:20px;  color:#016281; height:38px; line-height:38px; cursor:pointer}
#aside .widget h3 em {float:left; font-family:"Microsoft YaHei"; font-size:16px; font-weight:bold}
#aside .widget i{float:right; font-size:13px; font-style:normal; margin-right:8px;}
#aside .widget ul.on{ display:block;}
#aside .widget ul.off{ display:none;}
#aside .widget ul li{}
#aside .widget ul a {display:block; text-indent:16px; color:#1a86a9; padding-top:10px; padding-bottom:10px; font-size:14px}
#aside .widget ul a.sub{background-image:url(img/point-sub.png); background-repeat:no-repeat; background-position:90% center}
#aside .widget ul a:hover{background-color:#f0fafc; text-indent: 16px;}
#aside .widget ul a.current{background-color:#f0fafc;cursor:default; text-decoration:none; border-left:2px solid #3c8dbc; text-indent: 16px; }

#page{background:#fcfcfc; margin-right:40px; margin-left:180px; height:100%; min-width:1000px; }
#page select{font-size:13px;margin:0 5px 0 0; height:24px}
.page-tabs{margin-top:5px; margin-bottom:5px; height:36px; line-height:36px; padding-left:10px; border-bottom:1px solid #ddd; position:relative}
.page-tabs a{display:inline-block;height:30px; line-height:35px; padding:0 8px; position:relative; z-index:10; top:5px; overflow:hidden; color:#9d9d9d}
.page-tabs a.active{ border:1px solid #ddd; border-bottom:1px solid #fff; cursor:default; border-top-left-radius:3px;border-top-right-radius:3px; background:#FFF; }
.page-title{font-size:18px; height:35px; display: block; color:#666}
.page-position{height:50px; line-height:50px; font-size: 15px; color: #9d9d9d; border-bottom: 1px solid #e9e9e9}
.page-position a{font-size:16px; color:#9d9d9d}

.page-bar{height:26px;padding:10px 0 10px 0;}
.page-create{float:left}
.page-search{float:right;font-size:14px; color:#666; text-align:right}
.page-search span{float:left; height:26px; line-height:26px}
.page-search span.mg5{margin-left:5px; margin-right:5px; height:30px; line-height:30px}
.page-search span.ml20{margin-left:20px;}
.page-bar .page-search .txt, .page-bar .page-search .txt-date,.txt-time, #page .page-bar .page-search select{height:28px; line-height:28px; border:1px solid #999; float:left; text-indent:2px;}
.page-search .txt-date{width:75px}
.page-search .txt-time{width:150px}

.page-table{min-width:1024px}
.page-table thead{background: #d9f6fe;font-size: 14px;font-weight: 400; color:#3f3d48; }
.page-table table{width:100%; border:1px solid #afd0d9; border-bottom:0}
.page-table th,.page-table td{padding:10px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-indent:5px}
.page-table th.chk{width:30px; overflow:hidden}
.page-table th.pic{width:110px}
.page-table th.chk-edit{width:40px; overflow:hidden}
.page-table tr.even{background:#ecfbff;}
.page-table tr.on{background:#daf5fe}

.tc.pro_total {border-left:1px solid #ddd;border-right:1px solid #ddd;}

.page-cmd{float:left }
.page-cmd .btn{height: 25px; line-height: 25px; padding: 0 12px; color:#666}
.page-pager{float:right}
.page-pager .record-count{line-height:28px;}
.page-pager .cur-page{height: 28px; line-height: 28px; border: 1px solid #ddd; padding: 5px 10px; margin-left: 5px; font-weight:bold; text-decoration:none; color:#555}
.pager-btns{display:inline-block;}
.pager-btns a{height:28px; line-height:28px; border:1px solid #ddd; padding:5px 10px; margin-left:5px}
.pager-btns a:hover,.pager-btns a.current{background:#f5f5f5}

.page-form{font-size:13px; padding-top:15px;}
.page-form td{height:26px; padding:5px 0}
.page-form label.left-txt{ display:block; text-align:right}
.page-form label i{color:#f00; font-size:12px}
.page-form .tips{float:left; margin-left:5px; height:26px; line-height:26px; color:#999}
.page-form .txt{border:1px solid #999;text-indent:2px; float:left;width: 300px;height: 24px;}

.page-form .edt{width:100%}
.page-form label{ display:inline-block; width:100px; text-align:right; }
.page-form .xheLayout{padding-top:5px}
.page-form .xheTool{ line-height:10px}
.page-form .btn-ok{margin-right:10px}
.page-form .picture{ position:absolute; left:0; top:0}
.page-form .picture img{width:98px; height:98px;padding:1px;border:1px solid #ddd}
.page-editor{ margin:10px 0;}
.page-editor td{ height:auto}
.page-form .r-tip{display:inline-block;padding-top:5px;padding-left:5px}
.page-form .l-tip{display:inline-block;float:left;padding-top:5px;padding-left:5px}
.page-form .txt-remark{width:290px; height:70px;padding:5px}
.page-form .pic_msg{position: absolute; width:180px; height:100px; top: 18px; left: 520px; border: 1px solid #e9e9e9; padding: 1px;}
.page-form .txt_line { float: none;width: 50px;height: 16px;border: 0;border-bottom: 1px solid #666;text-align: center; line-height:16px; }
.page-form select{float:left}
.page-form input{float:left}
.page-form .date{width:100px}
.more-text{float: left;display: block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.inner-table{margin:5px 0px; border-right:1px solid #ddd}
.inner-table th{ background:#e9e9e9}
.guide-tip{padding: 5px;background: url(img/bg-tip.png) no-repeat 5px center #e8f5f9;border: 1px solid #d2e9c4; margin: 10px 0 10px 0;line-height: 24px; color: #666; text-indent:18px; border-radius: 4px;}

#footer, #footer a{ margin-top:20px; padding-bottom:15px; text-align:center}

/*编辑器*/
.ke-toolbar-table tr, .ke-container tr, .ke-toolbar-table td{ height: auto; line-height: 24px;}
td.ke-bottom-outer,td.ke-toolbar-outer, .ke-bottom td{ padding:0px; height:auto; }

/*下拉列表*/
.list_select_2{position:relative;float:left;border:1px solid #999;background:#fff;width: 117px; height:28px; z-index:0;margin:0;padding:0; text-align:left;}
.list_select_2 span{ height:30px;display:block;line-height:30px;background:url(http://s.138mr.com/Images/manage/xico_3.gif) no-repeat right center;cursor:pointer;color:#888;padding-left:6px;text-align:left;z-index:3;float:none;}
.list_select_2 span a{color:#888;}
.list_select_2 ul{position:absolute;top:24px;border:1px #999 solid;border-top:0;width:100%;background:#fff;display:none;z-index:9999;left:-1px;}
.list_select_2 ul li{line-height:24px;padding-left:6px;color:#888;cursor:pointer;display:block;background:none;float:none;}
.list_select_2 ul li a,.list_select_2 ul li a:hover{color:#888;display:block;}
.list_select_2 ul li:hover{background:#f5f5f5;color:#888;}

.operation_box a{ display:block; width:22px; height:22px;margin-left:4px; _margin:0px 2px; float:left; background:url(img/newicons.png) 0px 3px ;}
.operation_box .settings { background-position:-100px 3px;}
.operation_box .alter { background-position:-50px 3px;}
.operation_box .op1{ background-position:-199px 3px;} 
.operation_box .op2{ background-position:-250px 3px;} 
.operation_box .op3{ background-position:-300px 3px;} 
.operation_box .op4{ background-position:-350px 3px;} 
.operation_box .op5{ background-position:-400px 3px;} 
.operation_box .btn_top{background-position:-0px -97px;}
.operation_box .btn_bottom {background-position:-50px -97px;}
.operation_box .role { background-position:-100px -97px;}
.operation_box .norole { background-position:-150px -97px;}
.operation_box .twocode{ background-position:0px -147px;}
.operation_box .notwocode{ background-position:-50px -147px;}

.pic_list tr td{ padding:10px 0px; }
.pic_list tr td img { padding:2px; border:#d7d7d7 solid 1px;}
.pic_box{ position:relative; width:96px; height:56px;}
.pic_box img{width:90px; height:50px;}
.pic_box .list_state { position:absolute; top:0px; left:0px; display:block; z-index:3; background:url(img/state.png)0px 0px; width:52px; height:25px;}
.pic_box .list_state_hover { position:absolute; top:0px; left:0px; display:block; z-index:2; background:url(img/state.png)0px -25px; width:52px; height:25px;}

.product_pic_box { position:relative; width:66px; height:84px;}
.product_pic_box img,.pic_box img{position:absolute; top:0px; left:0px; display:block; z-index:1; }
.product_pic_box img{width:60px;height:78px;}
.product_pic_box .item_state, .pic_box .item_state { position:absolute; top:0px; left:0px; display:block; z-index:3; background:url(img/stateicon.png); width:52px; height:25px; line-height:25px; color:White;}
.product_pic_box .red,.pic_box .red { background-position: 0px 0px; }
.product_pic_box .green,.pic_box .green{ background-position: 0px -25px;}

.article_pic{width: 180px; height: 100px; border: 1px solid #ccc; padding:1px;}
.follow_content{padding: 0px 8px}
.follow_content p{ margin-top:10px}
.reply_edit { width:600px; border:#adadad solid 1px; padding:10px; width:300px; border-radius:5px; url(/PIE.htc)}
.reply_edit img { width:300px;}
.reply_edit .replyt_word { width:300px; overflow:hidden;  padding-top:10px;  color:#adadad; margin-top:10px;}
.clear { font-size:0px; line-height:0px; clear:both; height:0px;}
.link_bnt { padding-top:10px; }
#cphPage_txtName { padding:3px; width:100px;}
#cphPage_txtPriority {padding:3px;}
a.other_bnt { background:#444444; padding:8px 15px; text-align:center; color:#FFF;}
a.other_bnt:hover{ background:#555555; text-decoration:none;}

.follow_content{padding: 0px 8px}
.follow_content p{ margin-top:10px}

.upload_tips { color: #999;line-height: 24px;}
.input-file{ position: relative; width: 320px;  height: 30px; }
.file{ height: 24px; line-height: 24px; border: 1px solid #999;  width: 240px; float: left;}
.input-file .btn { background-color: #FFF; border: 1px solid #999; height: 26px; line-height: 24px;  width: 60px; float: left;}
.uploadfile  { position: absolute;top: 0; right: 20px; height: 24px; filter: alpha(opacity:0);  opacity: 0;  width: 300px;  float: left;cursor: pointer; }
.cbx-label label {width: 90px; text-align:left }
.input-file-btn{ position: relative; width: 80px; height: 30px; float: left;}
.input-file-btn .btn, .selectBtn{background-color: #FFF; border: 1px solid #999;height: 26px; line-height: 24px; width: 60px; float: left; margin: 0px 5px 0px 5px;}
.input-file-btn .uploadfile{ position: absolute;top: 0;right: 20px;height: 24px;  filter: alpha(opacity:0); opacity: 0;width: 60px; float: left;cursor: pointer;}
.uploadImg{ float: left;}

/*微官网分类*/
.site-category-content{position: absolute;top: 20px;left: 50px; margin: 0px 15px 8px 15px; background: #FFF; border: 1px solid #ccc; padding: 5px;}
.site-category-content p{ padding: 5px;}
.site-category-content table tbody tr td img{ width: 48px;  height: 48px; padding: 1px;}

/*订单*/
.orderlist{}
.orderlist thead th{font-size:14px; font-weight:normal; background:#d0e3ea; color:#000; font-family:"microsoft yahei";}
.orderlist tr td.cor_ff6{text-align:center; color: #FF5A00;}
.orderinfo span{margin:0px 15px 0px 10px;}
.orderinfo span a{color:#3366cc;}
.orderinfo td.pro_order_title{line-height:24px;}
.pro_order_img{padding:10px;}
.pro_order_img img{width:115px; height:84px;}
.pro_order_title{padding-left:5px; color:#3366cc;}
.pro_order_title a{color:#3366cc;}
.pro_total em{font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#404040; font-weight:bold;}
.orderinfoinner td{ border-right:1px solid #e6e6e6;border-bottom: 0px;}
td.lh_24{ line-height:24px;}

/*我的积分*/
.m_integral{float: left; display: inline-block; color: #888; line-height: 24px;}
.m_integral b{ color: #1586c3; }

.page{ line-height:50px; padding:0px 15px; color:#7e8c8d;}
.page a{ font-size:14px; padding:9px;font-family:Microsoft YaHei; color:#7e8c8d; display:inline; text-align:center;}
.page .p_prev,.page .p_next { font-size:16px; font-weight:bold;}
.page a.hover {font-weight:bold;}

/*操作*/
.coper_group { padding:5px 0px;z-index:1; }
.coper_group a{ float:left;  height:30px; overflow:hidden; margin-right:5px; }
.first{ background:url(img/newicons.png) -450px 0px no-repeat;  height:30px; display:block;width:70px; line-height:30px;   border:#ddd solid 1px;border:#dee2e3 solid 1px; border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; z-index:0; cursor:pointer; position:relative; float:right;margin-right:8px;_margin-right:4px; color:#8798A5; overflow:hidden; font-size:12px; }
.morecoper { width:70px; position:absolute; background:#FFF; border:#ddd solid 1px; z-index:999; overflow:hidden; right:-120px;   }
.morecoper a { background-color:#fff; border-top:#ddd solid 1px; height:30px;_height:30px;  display:block; width:80px; overflow:hidden;}
.firstin .top {  top:29px; right:-1px; }
.firstin .bottom { bottom:29px;  right:-1px; position:absolute; }
.first:hover { background:#eee;}
.first a:hover { background:#eee;} 
.firstin{  z-index:999; overflow:visible;}
.orderinfoinner { border:none;}


/* 订单列表 */
.booktitle { background:#F9F9F9;}
td.coper { width:125px;}
.booktitle div{ display:block; float:left;text-indent: 5px;}
.width40 { width:40%;}
.width13 {width:13%;}
.width10 {width:10%;}
.width12 {width:12%;}
.width15 {width:15%;}
.pro_pic img{ width:60px; height:78px; margin-top:3px;}
.pro_box div{ border-right:#e9e9e9 solid 1px; float:left;height:85px; /*line-height:85px;*/text-indent: 5px;}
div.pro_pic { width:70px;  padding-top:1px; margin:0px; overflow:hidden; border-left:none;}
div.pro_name{color:#3366cc; width:329px;}
.bookproduct tbody{ background:#fff; }

div.one_price { width:135px;}
div.pro_num { width:85px;}
.pro_box { width:630px;}
td.all_price { width:131px; font-weight:bold;}
td.bookstate { width:125px;}
.pro_box_ul li { border-bottom:#e9e9e9 solid 1px; height:85px;}
.pro_box_ul li.last {border-bottom:none;}
.itembook { margin-bottom:20px; border:#e9e9e9 solid 1px; border-bottom:none;}
.itembook .bookproduct { border:none;}